<template>
	<view class="content">
		<view class="beijing">
			<view class="hong">
				<view class="user">
					<image src="../../../static/my/header.png" mode=""></image>
				</view>	
					<view class="weizi">
						<view>突击的购物贼</view>
						<view>ID 112312</view>
					</view>
					<view>
						<view class="huiyuan">
							<view class="tubiao11">
								<image src="/wap/static/my/vip.png" mode=""></image>
							</view>
							双鱼会员
							</view>
						<view class="fenzhi">
							<view>
								<text>1000</text>
								<view>尊享分值</view>
							</view>
							<view class="zui">
								<text>¥5000</text>
								<view>可享推广收益</view>
							</view>
						</view>
					</view>
			</view>
		</view>
		<view class="shenji">
			<view class="xiaodian"></view>
			<view class="huiyuan">升级会员</view>
		</view>
		<view class="dahezi">
			<view class="zuo">
				<view class="ziti">1988</view>
				<view class="ziti1">鲨鱼会员</view>
			</view>
			<view class="you">
				<view class="you1">2988</view>
				<view class="you2">金鱼会员</view>
			</view>
		</view>
		<view class="xiaojuxing"></view>
		<view class="quanyi">
			会员权益
		</view>
		<view class="dadadiv">
			<text>暂无说明</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.beijing{
	background-color: #F5F5F5;
	margin-top: 32rpx;
	.hong{	
		margin: 0 auto;
		border-radius:16px;
		width: 686rpx;
		height: 304rpx;
		background-color: #FF5E4D;
		.user{
			float: left;
			width: 100rpx;
			height: 100rpx;
			background-color:#FF5E4D ;
			margin-left: 32rpx;
			image{
			margin-top: 32rpx;
				width: 100%;
				height: 100%;
				margin-left: 32rpx;
				border-radius: 50%;
			}
		}
		.weizi{
			margin-top: 40rpx;
			float: left;
			margin-left: 60rpx;
			color: #FFFFFF;
		}
		.huiyuan{
			float: right;
			margin-right: 40rpx;
			margin-top: 40rpx;
			color: #FFFFFF;
			font-size: 24rpx;
			.tubiao11{
				float: left;
				    width: 11px;
				    height: 11px;
				    margin-right: 2px;
				    margin-bottom: 3px;
					image{
						width: 100%;
						height: 100%;
					}
			}
		}
		.fenzhi{
			display: flex;
			float: left;
			height:100rpx;
			// background-color: #000000;
			margin-top: 48rpx;
			margin-left: 124rpx;
			// margin: 0 auto;
			line-height:50rpx;
			color: #FFFFFF;
			.zui{
				margin-left: 201rpx;
			}
		}
	}
}
.shenji{
	width: 588rpx;
		.xiaodian{
			float: left;
			width:12rpx;
			height:33rpx;
			background:#FF5E4D;
			margin-left: 32rpx;
			margin-top: 18rpx;
			border-radius: 16rpx;
		}
	.huiyuan{
		margin: 0 auto;
		width: 588rpx;
		height: 78rpx; 			
		// background-color: #000000;
		margin-left: 53rpx;
		line-height:74rpx;
		font-weight:500;
	}
}
.jine{
	border-radius:16rpx;
	width: 588rpx;
	height: 144rpx;
	// background-color: #000000;
	margin-left: 76rpx;
	font-size:46rpx;
}
.dahezi{
	display: flex;
	height: 172rpx;

	.zuo{
		width: 315rpx;
		height: 172rpx;
		background-color: #FFFFFF;
		margin-left: 32rpx;
		font-size: 26rpx;
		border-radius: 16rpx;
		.ziti{
			font-size: 26rpx;
			text-align: center;
			padding-top: 35rpx;
			color: #FF5E4D;
			margin: 14rpx auto;
		}
		.ziti1{
			font-size: 26rpx;
			text-align: center;
			color: #FF5E4D;
		}
	}
	.you{
		border-radius: 16rpx;
		width: 315rpx;
		height: 172rpx;
		background-color: #FFF7F6;
		margin-left: 39rpx;
		.you1{
			font-size: 26rpx;
			text-align: center;
			padding-top: 35rpx;
			color: #FF5E4D;
			margin: 14rpx auto;
			
		}
		.you2{
			text-align: center;
			color: #FF5E4D;
		}
	}
}
.quanyi{
	margin-top: 32rpx;
	margin-left: 53rpx;
}
.dadadiv{
	width: 686rpx;
	height: 790rpx;
	background-color: #FFFFFF;
	margin: 21rpx auto;
	text-align: center;
	text{
		line-height:790rpx ;
		color: #000000;
	}
}
.xiaojuxing{
	float: left;
	width:12rpx;
	height:33rpx;
	background:#FF5E4D;
	margin-left: 32rpx;
	margin-top: 32rpx;
	border-radius: 16rpx;
}
</style>
